.login {
    /*弹性布局*/
    display: flex;

    /*居中*/
    justify-content: center;

    /*设置子元素居中*/
    align-items: center;

    /*高度*/
    height: 100%;

    /*背景色*/
    background-color: #333;
}

.login-box {
    /*宽度*/
    width: 1000px;

    /*高度*/
    height: 474.38px;

    /*圆角*/
    border-radius: 8px;

    /*弹性布局*/
    display: flex;
}

/*登录页图片*/
.login-box img {
    /*宽度*/
    width: 60%;

    /*高度*/
    height: auto;
}

.login-form {
    /*背景色*/
    background: #ffffff;

    /*宽度*/
    width: 40%;

    /*圆角*/
    border-radius: 0px 8px 8px 0px;

    /*弹性布局*/
    display: flex;

    /*居中*/
    justify-content: center;

    /*设置子元素居中*/
    align-items: center;
}

.login-form .el-form {
    /*宽度*/
    width: 214px;

    /*高度*/
    height: 307px;
}

.login-form .el-form-item {
    /*下外边距*/
    margin-bottom: 30px;
}

/*表单项校验错误时提示信息*/
.login-form .el-form-item.is-error .el-input__inner {
    /*边框*/
    border: 0 !important;

    /*下边框*/
    border-bottom: 1px solid #fd7065 !important;

    /*背景色*/
    background: #fff !important;
}

/*表单输入框*/
.login-form .el-input__inner {
    /*边框*/
    border: 0;

    /*下边框*/
    border-bottom: 1px solid #e9e9e8;

    /*圆角*/
    border-radius: 0;

    /*字号*/
    font-size: 14px;

    /*字体粗细*/
    font-weight: 400;

    /*文本颜色*/
    color: #333333;

    /*高度*/
    height: 32px;

    /*行高*/
    line-height: 32px;
}

/*输入框的前缀图标*/
.login-form .el-input__prefix {
    /*左边缘*/
    left: 0;
}

/*输入框背景提示字*/
.login-form .el-input__inner::placeholder {
    /*文本颜色*/
    color: #aeb5c4;
}

/*登录按钮*/
.login-btn {
    /*圆角*/
    border-radius: 17px;

    /*上下内边距，左右内边距*/
    padding: 11px 20px !important;

    /*上外边距*/
    margin-top: 10px;

    /*字体粗细*/
    font-weight: 500;

    /*字号*/
    font-size: 14px;

    /*边框*/
    border: 0;

    /*背景色*/
    background-color: #ffc200;
}

.login-form-title {
    /*高度*/
    height: 36px;

    /*弹性布局*/
    display: flex;

    /*居中*/
    justify-content: center;

    /*设置子元素居中*/
    align-items: center;

    /*下外边距*/
    margin-bottom: 40px;
}
